<template>
    <div class="page-container">
        <!-- 缩放容器：承载所有内容，基于原9600*2240分辨率 -->
        <div class="scale-container">
            <!-- 顶部标题 -->
            <div class="headTitle">新能源领域数字沙盘</div>
            <div class="headButton" @click="backHome"></div>
            <div class="left1" @click="goToService('intelligent')"></div>
            <div class="right1" @click="goToService('safe')"></div>
            <!-- 左边内容 -->
            <div class="left">
                <div class="box">
                    <div class="headImg"></div>
                    <div class="title">新能源领域-电驱测试</div>
                    <div class="content">
                        <p class="contentTitle"><span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">能源领域|电驱测试：</span>：电驱动板块包括乘用车电机、商用车电机板块;乘用车板块可满足电机、电控、电驱总成、减速器系统联调和整车级别测试;同时测试资源可覆盖混动、增程开发测试。
                        </p>
                    </div>
                </div>
                <div class="box2">
                    <div class="content1" v-for="(item, index) in cardList" :key="index">
                        <div class="title">{{ item.title }}</div>
                        <div class="title2">{{ item.desc }}</div>
                        <img :src="item.imgUrl" class="img" alt="测试设备图片" />
                    </div>
                </div>
            </div>
            <!-- 中间内容 -->
            <div class="middle">
                <div class="box">
                    <div class="headImg"></div>
                    <div class="title">新能源领域介绍</div>
                    <div class="content">
                        <p class="contentTitle" style="margin-top: 80px;"><span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">标准化服务：</span>参与<span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">《新能源驱动电机功能安全》标准制订</span>，减少因电子部件和软件失效引起的安全风险，提升新能源汽车的安全裕度；参与<span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">《新能源电驱动效率测评》标准组</span>，助力行业降低能耗，提升新能源汽车低温续航能力。
                        </p>
                        <p class="contentTitle"><span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">服务行业：</span>：提供电驱系统和充电系统专业测试服务，其中电驱动系统包含<span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">性能测试、可靠性测试、环境测试、电气性能测试</span>等；充电领域包含<span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">部件测试和整车充电通信协议与互操作性测试</span>；整车级别<span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">阻力拆解、能量流</span>测试；<span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">系统联调HILL测试</span>。
                        </p>
                    </div>
                </div>
                <div class="box2">
                    <div class="img1"></div>
                    <div class="img2">
                        <span class="title">电驱动系统</span>
                        <span class="title2">电机控制器MCU</span>
                        <span class="title3">电机Motor</span>
                        <span class="title4">变速器Transmission</span>
                    </div>
                    <div class="img3">
                        <div class="title">充电系统</div>
                        <div class="title2">充电桩</div>
                        <div class="title2-1">EVSE</div>
                        <div class="title3">交流充电连接装置 AC Charging Coupler</div>
                        <div class="title4">车载充电机 On-borad Charger</div>
                        <div class="title5">直流充电连接装置 DC Charging Coupler</div>
                        <div class="title6">直流充电通信协议Charging Protocol</div>
                    </div>
                </div>
            </div>
            <!-- 右边内容 -->
            <div class="right">
                <div class="box">
                    <div class="headImg"></div>
                    <div class="title">智能网联测试领域-智能化测试</div>
                    <div class="content">
                        <p class="contentTitle" style=""><span
                                style="font-family: '微软雅黑粗体';color: #59ceff;">能源领域|充电测试：</span>充电板块满足充电高压部件测试（OBC、DC/DC），满足整车充电通信协议与互操作性测试，满足远程服务与管理系统公告测试以及高低温极限环境充电研发测试。
                        </p>
                    </div>
                </div>
                <div class="box2">
                    <span class="title">充电部件测试</span>
                    <div class="title2">OBC测试</div>
                    <div class="title3">DC/DC测试</div>
                    <div class="img1"></div>
                </div>
                <div class="box3">
                    <span class="title">整车充电公告测试</span>
                    <div class="title2">充电通信协议一致性测试</div>
                    <div class="title3">充电互操作性测试</div>
                    <div class="title4">远程服务与管理系统（EK）测试</div>
                    <div class="img1"></div>
                </div>
                <div class="box4">
                    <span class="title">整车充电研发测试</span>
                    <div class="title2">高低温环境充放电测试（-40℃~120℃）</div>
                    <div class="title3">国欧美日充电协议测试（480kW/1000V/600A）</div>
                    <div class="title4">充放电仿真系统（标准/案例库/问题排查/场景复现）</div>
                    <div class="img1"></div>
                    
                </div>
            </div>
        </div>
    </div>
</template>
<script setup>
//路由
import { useRouter } from 'vue-router'
const router = useRouter()
//跳转路由
const backHome = () => {
    router.push({ name: 'ningbo' })
}
//跳转路由
const goToService = (item) => {
  router.push({ name: item })
}
// 卡片数据（实际项目中可从接口获取）
const cardList = [
    {
        title: "高速电机测试",
        desc: "高速电机最高可25000rpm 满足800V高压平台、油冷",
        imgUrl: "/imgs/ningbo/newEnergy/图片1.png"
    },
    {
        title: "减速器测试",
        desc: "最高输入可达23000rpm 满足高低温减速器效率分析",
        imgUrl: "/imgs/ningbo/newEnergy/图片2.png"
    },
    {
        title: "电驱动总成测试",
        desc: "常温、低温、循环效率 满足双电机大扭矩产品",
        imgUrl: "/imgs/ningbo/newEnergy/图片3.png"
    },
    {
        title: "电控测试",
        desc: "电控耐久测试 OBC电气性能测试",
        imgUrl: "/imgs/ningbo/newEnergy/图片4.png"
    },
    {
        title: "混动测试",
        desc: "增程器开发标定与验证 混动总成性能及可靠性测试",
        imgUrl: "/imgs/ningbo/newEnergy/图片5.png"
    },
    {
        title: "商用车电机测试",
        desc: "覆盖微面、轻卡、重卡 满足标定、性能、可靠性",
        imgUrl: "/imgs/ningbo/newEnergy/图片6.png"
    },
    {
        title: "系统联调HIL测试",
        desc: "MCU、VCU测试 三电联调测试（2驱/4驱）",
        imgUrl: "/imgs/ningbo/newEnergy/图片7.png"
    },
    {
        title: "整车级别测试",
        desc: "阻力拆解测试 整车能量流测试（常温）",
        imgUrl: "/imgs/ningbo/newEnergy/图片8.png"
    }
];
</script>
<style scoped>
/* 可视区域容器：固定为目标分辨率6240*1456 */
.page-container {
    width: 6240px;
    /* 新目标宽度 */
    height: 1456px;
    /* 新目标高度 */
    overflow: hidden;
    position: relative;
    margin: 0 auto;
}

/* 原始设计稿容器：基于9600*2240，通过缩放适配新分辨率 */
.scale-container {
    width: 9600px;
    /* 原始宽度不变 */
    height: 2240px;
    /* 原始高度不变 */
    transform: scale(0.65);
    /* 新缩放比：6240/9600=0.65，1456/2240=0.65（宽高比完全一致） */
    transform-origin: 0 0;
    /* 保持左上角为缩放原点，避免位置偏移 */
    position: relative;
}

.headTitle {
    text-align: center;
    position: relative;
    top: -24px;
    font-size: 130px;
    /* left: 40.5%; */
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    background: linear-gradient(0deg, rgba(0, 216, 255, 0.66) 10%, rgba(255, 255, 255, 1) 70%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.left1{
  z-index: 999;
  cursor: pointer;
  top: 45%;
  left: 10px;
  position: absolute;
  width: 94px;
  height: 258px;
  background-image: url("/imgs/home/left1.png");
  background-position: left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.right1{
  z-index: 999;
  cursor: pointer;
  position: absolute;
  top: 45%;
  right: 10px;
  width: 94px;
  height: 258px;
  background-image: url("/imgs/home/right1.png");
  background-position: left;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.headButton {
    cursor: pointer;
    display: flex;
    float: inline-end;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 78px;
    height: 78px;
    background-image: url("/imgs/ningbo/cancel.png");
    background-position: left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.left {
    display: flex;

    .box {
        margin-left: 73px;
        display: flex;
        width: 1372px;
        height: 168px;
        background-image: url("/imgs/ningbo/t(1).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .headImg {
            margin-left: 220px;
            margin-top: 41px;
            width: 53px;
            height: 58px;
            background-image: url("/imgs/ningbo/菱形 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .title {
            margin-left: 30px;
            margin-top: 22px;
            height: 49px;
            font-family: "微软雅黑粗体";
            font-weight: 400;
            font-size: 57px;
            color: #FFFFFF;
        }

        .content {
            position: absolute;
            top: 402px;
            left: 160px;
            width: 3014px;
            height: 261px;
            display: flex;
            align-items: center;
            background-image: url("/imgs/ningbo/discharge/矩形 933 拷贝 3.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .contentTitle {
                padding: 100px;
                font-family: "微软雅黑常规";
                font-size: 50px;
                color: #FFFFFF;
            }
        }
    }

    .box2 {
        display: flex;
        width: 3000px;
        top: 680px;
        height: 1400px;
        position: absolute;
        left: 180px;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;

        .content1 {
            justify-content: space-evenly;
            flex-wrap: wrap;
            align-items: center;
            display: flex;
            width: 701px;
            height: 613px;
            background-image: url("/imgs/ningbo/newEnergy/形状 1565.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .img {
                width: 632px;
                height: 360px;
            }

            .title {
                position: relative;
                left: 250px;
                top: -45px;
                width: 527px;
                font-family: "微软雅黑粗体";
                font-weight: 400;

                font-weight: bold;
                font-size: 50px;
                color: #FFFFFF;
                line-height: 67px;

            }

            .title2 {
                width: 527px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 42px;
                color: #FFFFFF;
                line-height: 54px;


            }

            .img1 {
                width: 632px;
                height: 360px;
                background-image: url("/imgs/ningbo/newEnergy/图片1.png");
                background-position: left;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
        }
    }

    /* .box2 {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        position: absolute;
        left: 183px;
        top: 722px;
        display: flex;
        width: 946px;
        height: 1424px;
        background-image: url("/imgs/ningbo/intelligent/矩形 937 拷贝(1).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .title {
            position: relative;
            left: 290px;
            top: -100px;
            font-family: FZLanTingHeiS-B-GB;
            font-weight: 400;
            font-size: 53px;
            color: #FFFFFF;
        }

        .text {
            position: relative;
            top: -40px;
            padding: 0 80px;
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
            line-height: 56px;
        }

        .img1 {
            width: 879px;
            height: 973px;
            background-image: url("/imgs/ningbo/intelligent/组 7796 拷贝 2.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

    } */

}

.middle {
    display: flex;
    position: absolute;
    left: 3109px;
    top: 202px;

    .box {
        margin-left: 73px;
        display: flex;
        width: 1372px;
        height: 168px;
        background-image: url("/imgs/ningbo/t(1).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .headImg {
            margin-left: 220px;
            margin-top: 41px;
            width: 53px;
            height: 58px;
            background-image: url("/imgs/ningbo/菱形 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .title {
            margin-left: 30px;
            margin-top: 22px;
            height: 49px;
            font-family: "微软雅黑粗体";
            font-weight: 400;
            font-size: 57px;
            color: #FFFFFF;
        }

        .content {
            position: absolute;
            top: 202px;
            left: 160px;
            width: 3014px;
            height: 436px;
            background-image: url("/imgs/ningbo/newEnergy/矩形 933 拷贝 3.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .contentTitle {
                width: 95%;
                margin-left: 100px;
                font-family: "微软雅黑常规";
                font-size: 50px;
                color: #FFFFFF;
                line-height: 67px;

            }
        }
    }

    .box2 {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        position: absolute;
        left: 183px;
        top: 415px;
        display: flex;
        width: 2990px;
        height: 1495px;
        /* background-image: url("/imgs/ningbo/intelligent/矩形 937.png"); */
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .text {
            position: absolute;
            /* top: 70px; */
            left: 50px;
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 56px;
            color: #FFFFFF;
            line-height: 47px;
            writing-mode: vertical-rl;

        }

        .img1 {
            position: absolute;
            bottom: 100px;
            width: 1403px;
            left: 597px;
            height: 1033px;
            background-image: url("/imgs/ningbo/newEnergy/组 7786.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .img2 {
            z-index: 999;
            position: relative;
            top: -81px;
            left: -1094px;
            width: 401px;
            height: 697px;
            background-image: url("/imgs/ningbo/newEnergy/组 7785.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
            display: flex;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: space-between;
            align-items: center;

            .title {
                position: relative;
                top: 20px;
                width: 252px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 49px;
                color: #FFFFFF;
            }

            .title2 {
                position: relative;
                top: -18px;
                left: -10px;
                text-align: center;
                line-height: 1.5;
                width: 223px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 43px;
                color: #FFFFFF;
            }

            .title3 {
                position: relative;
                top: -22px;
                text-align: center;
                line-height: 48.5px;
                width: 196px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 43px;
                color: #FFFFFF;
            }

            .title4 {
                position: relative;
                text-align: center;
                top: -40px;
                width: 248px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 43px;
                color: #FFFFFF;
            }
        }

        .img3 {
            position: absolute;
            top: 295px;
            left: 1781px;
            width: 1119px;
            height: 430px;
            background-image: url("/imgs/ningbo/newEnergy/组 7785(1).png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .title {
                position: relative;
                text-align: center;
                margin: 0 auto;
                top: 10px;
                width: 275px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 50px;
                color: #FFFFFF;
            }

            .title2 {
                writing-mode: vertical-rl;
                position: relative;
                top: 78px;
                left: -383px;
                text-align: center;
                line-height: 1.5;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 43px;
                color: #FFFFFF;
            }

            .title2-1 {
                position: relative;
                top: 97px;
                left: -467px;
                text-align: center;
                line-height: 1.5;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 34px;
                color: #FFFFFF;
            }

            .title3 {
                position: relative;
                top: -119px;
                left: 236px;
                text-align: center;
                line-height: 48.5px;
                width: 338px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 35px;
                color: #FFFFFF;
            }

            .title4 {
                position: relative;
                text-align: center;
                top: -220px;
                left: 700px;
                width: 347px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 35px;
                color: #FFFFFF;
            }

            .title5 {
                position: relative;
                text-align: center;
                top: -185px;
                left: 183px;
                width: 448px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 35px;
                color: #FFFFFF;
            }

            .title6 {
                position: relative;
                text-align: center;
                top: -293px;
                left: 659px;
                width: 426px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 35px;
                color: #FFFFFF;
            }

            .content {
                justify-content: center;
                align-items: center;
                position: relative;
                display: flex;
                top: 14%;

                .title {
                    margin-left: 30px;
                    width: 285px;
                    font-family: "微软雅黑常规";
                    font-weight: 400;
                    font-size: 49px;
                    color: #FFFFFF;
                    line-height: 99px;
                }
            }
        }

        .title2 {
            left: 400px;
            position: absolute;
            top: 774px;
            width: 507px;
            z-index: 999;
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 47px;
            color: #FFFFFF;
            line-height: 91px;
        }

        .title3 {
            z-index: 999;
            top: 80px;
            position: relative;
            width: 504px;
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 47px;
            color: #FFFFFF;
            line-height: 91px;
        }

        .img4 {
            position: absolute;
            top: 773px;
            left: 134px;
            width: 952px;
            height: 700px;
            background-image: url("/imgs/ningbo/intelligent/图片37.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .img5 {
            position: absolute;
            top: 773px;
            left: 1134px;
            width: 645px;
            height: 700px;
            background-image: url("/imgs/ningbo/intelligent/图片38.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .img6 {
            position: absolute;
            top: 773px;
            right: 50px;
            width: 1117px;
            height: 695px;
            background-image: url("/imgs/ningbo/intelligent/组 7815.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
    }

    .box3 {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        position: absolute;
        left: 2423px;
        top: 520px;
        display: flex;
        width: 726px;
        height: 1334px;
        background-image: url("/imgs/ningbo/car/矩形 937 拷贝(5).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .img1 {
            display: flex;
            width: 635px;
            height: 618px;
            background-image: url("/imgs/ningbo/car/矩形 937 拷贝 7.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            span {
                padding: 35px;
                width: 573px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 35px;
                color: #FFFFFF;
                line-height: 50px;
            }
        }

        .img2 {
            display: flex;
            width: 635px;
            height: 472px;
            background-image: url("/imgs/ningbo/car/矩形 937 拷贝 7.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            span {
                padding: 35px;
                width: 567px;
                font-family: "微软雅黑常规";
                font-weight: 400;
                font-size: 35px;
                color: #FFFFFF;
                line-height: 50px;
            }
        }

        .text {
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
        }
    }

}

.right {
    display: flex;
    position: absolute;
    flex-direction: column;
    left: 6208px;
    top: 200px;
    display: flex;

    .box {
        margin-left: 73px;
        display: flex;
        width: 1372px;
        height: 168px;
        background-image: url("/imgs/ningbo/t(1).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .headImg {
            margin-left: 220px;
            margin-top: 41px;
            width: 53px;
            height: 58px;
            background-image: url("/imgs/ningbo/菱形 拷贝.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

        .title {
            margin-left: 30px;
            margin-top: 22px;
            height: 49px;
            font-family: "微软雅黑粗体";
            font-weight: 400;
            font-size: 57px;
            color: #FFFFFF;
        }

        .content {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            flex-direction: column;
            position: absolute;
            top: 202px;
            left: 160px;
            width: 3014px;
            height: 261px;
            background-image: url("/imgs/ningbo/intelligent/矩形 933 拷贝 3(2).png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

            .contentTitle {
                width: 92%;
                margin-left: 140px;
                font-family: "微软雅黑常规";
                font-size: 50px;
                color: #FFFFFF;
            }
        }
    }

    .box2 {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        position: absolute;
        left: 183px;
        top: 610px;
        display: flex;
        width: 1053px;
        height: 1264px;
        background-image: url("/imgs/ningbo/newEnergy/形状 1565(1).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .title {
            position: relative;
            left: 245px;
            top: -38px;
            font-family: FZLanTingHeiS-B-GB;
            font-weight: 400;
            font-size: 53px;
            color: #FFFFFF;
        }

        .title2 {
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
        }

        .title3 {
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
            margin-bottom: 60px;
        }

        .text {
            top: 1px;
            left: 31px;
            position: relative;
            padding: 0 100px;
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 33px;
            color: #FFFFFF;
        }

        .img1 {
            position: relative;
            top: -42px;
            width: 985px;
            height: 955px;
            background-image: url("/imgs/ningbo/newEnergy/图片11.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }

    }

    .box3 {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        position: absolute;
        left: 1279px;
        top: 610px;
        display: flex;
        width: 743px;
        height: 1264px;
        background-image: url("/imgs/ningbo/newEnergy/形状 1565(3).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .title {
            left: 112px;
            position: relative;
            top: -48px;
            font-family: FZLanTingHeiS-B-GB;
            font-weight: 400;
            font-size: 53px;
            color: #FFFFFF;
        }

        .text {
            position: relative;
            left: 30px;
            top: 7px;
            padding: 0 100px;
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 33px;
            color: #FFFFFF;
        }
        .title2 {
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
        }

        .title3 {
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
        }
        
        .title4 {
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
            margin-bottom: 30px;
        }

        .img1 {
            position: relative;
            top: -30px;
            width: 675px;
            height: 922px;
            background-image: url("/imgs/ningbo/newEnergy/图片76.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;

        }
    }

    .box4 {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
        justify-content: space-evenly;
        position: absolute;
        left: 2102px;
        top: 610px;
        display: flex;
        width: 1053px;
        height: 1264px;
        background-image: url("/imgs/ningbo/newEnergy/形状 1565(1).png");
        background-position: left;
        background-size: 100% 100%;
        background-repeat: no-repeat;

        .title {
            position: relative;
            left: 270px;
            top: -44px;
            font-family: FZLanTingHeiS-B-GB;
            font-weight: 400;
            font-size: 53px;
            color: #FFFFFF;
        }

        .text {
            width: 1000px;
            position: relative;
            top: -40px;
            padding: 0 80px;
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 33px;
            color: #FFFFFF;
        }
        .title2 {
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
        }

        .title3 {
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
        }
        
        .title4 {
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 39px;
            color: #FFFFFF;
            margin-bottom: 60px;
        }
        .text2 {
            width: 1000px;
            position: relative;
            top: -60px;
            padding: 0 80px;
            font-family: "微软雅黑常规";
            font-weight: 400;
            font-size: 33px;
            color: #FFFFFF;
        }

        .img1 {
            position: relative;
            top: -46px;
            width: 986px;
            height: 904px;
            background-image: url("/imgs/ningbo/newEnergy/图片79.png");
            background-position: left;
            background-size: 100% 100%;
            background-repeat: no-repeat;
        }
    }
}
</style>